body,
html,
div,
ul,
p {
    margin: 0;
    padding: 0;
}

body,
html,
#app {
    width: 100%;
    font-size: 16px;
    min-width: 1160px;
    overflow-x: hidden;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

select,
input,
button {
    border: none;
    outline: none;
}

@media screen and (max-width:1750px) {
    body,
    html,
    #app {
        font-size: 14px !important;
    }
}

@media screen and (max-width:1630px) {
    body,
    html,
    #app {
        font-size: 13px !important;
    }
}

@media screen and (max-width:1545px) {
    body,
    html,
    #app {
        font-size: 12px !important;
    }
}


@media screen and (max-width:1500px) {
    .header .header-content .header-content-right{
        left: 69rem !important;
    }

    .header-nav .header-serve-list .easy a::after{
        right: -18% !important;
        height: 1.5rem !important;
    }

    .header-nav .header-serve-list .city-serve a::after{
        right: -12% !important;
        height: 1.5rem !important;
    }

    .header-nav .header-serve-list .bdb-video a::after{
        right: -34% !important;
        height: 1.5rem !important;
    }

    .main .main-special .main-special-content{
        /* width: 24rem !important; */
    }

    .side-bar{
        right: 1% !important;
    }

    .main .social-article-nav .article-nav-item, .main .fund-article-nav .article-nav-item, .main .same-article-nav .article-nav-item{
        margin-right: 1rem !important;
    }

    .main .main-img .main-right-img{
        /* width: 20rem !important; */
    }

    .main .main-img .main-left-img{
        /* width: 55rem !important; */
    }
}